<template>
  <el-tabs v-model="activityName">
    <el-tab-pane name="comment" label="流程备注">
      <process-comment :style="{height: autoHeight }" />
    </el-tab-pane>
    <el-tab-pane name="activity" label="流程活动" lazy>
      <process-trace :style="{height: autoHeight }" />
    </el-tab-pane>
    <el-tab-pane name="history" label="流程日志" lazy>
      <process-history :style="{height: autoHeight }" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import ProcessComment from "@/views/system/process/comment/ProcessComment";
import ProcessTrace from "@/views/system/process/trace/ProcessTrace";
import ProcessHistory from "@/views/system/process/trace/ProcessHistory";
export default {
  name: "ProcessData",
  components: {ProcessHistory, ProcessTrace, ProcessComment},
  data () {
    return {
      activityName: 'comment'
    }
  },
  computed: {
    autoHeight() {
      return `calc(100vh - 80px)`
    }
  }
}
</script>

<style scoped>

</style>
